@mixin flex($direction: row, $jc: center, $ai: center) {
  display: flex;
  flex-direction: $direction;
  align-items: $ai;
  justify-content: $jc;
}
@mixin centerPosition($top: 50%, $left: 50%) {
  position: absolute;
  top: $top;
  left: $left;
  transform: translate(-50%, -50%);
}
@mixin font($s: 14px, $c: #fff, $w: 400, $lh: 14px) {
  font-size: $s;
  font-weight: $w;
  line-height: $lh;
  color: $c;
}
